<template>
    <div>
       我是首页
       <button @click="jump">跳转到about页面</button>
    </div>
</template>
<script>
import { useRouter } from 'vue-router';
export default {
  setup() { // setup 没有了this指向
    const router = useRouter();
    console.log(router);
    const jump = () => {
      // push 和 replace 用法基本一样。
      // push 在跳转的时候，会缓存到历史记录里面，在回退的时候能找到
      // replace 不会缓存到历史记录里面。回退的时候也找不到到
      router.push('/about');
    }
    return {
      jump 
    }
  }
}
</script>
<style lang="scss" scoped>

</style>

